<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
</head>
<body >

<fieldset>
<legend>Examen</legend>
<form class="form-horizontal"  action="grabarExamen.htm"  method="post" >
<!-- Text input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="textinput">Descripcion</label>  
  <div class="col-md-5">
  <input id="textinput" name="descripcion" type="text" placeholder="Ingrese la descripcion" class="form-control input-md">
    
  </div>
</div>

<div class="form-group">
  <label class="col-md-4 control-label" for="selectbasic">Grado</label>
  <div class="col-md-5">
    <select id="selectbasic" name="grado.id" class="form-control"  >
       <c:forEach  items="${listaGrado}"  var="grado">
            <option value="${grado.id}">${grado.descripcion}</option>
       </c:forEach>
    </select>
  </div>
</div>
                            <label class="col-md-4 control-label" >Fecha  </label>
<div class="container">
    <div class="row">
        <div class='col-md-3'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker5' data-date-format="DD/MM/YYYY">
                    <input type='text' class="form-control" name="fechaExamen" />
                    <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span>
                    </span>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            $(function () {
                $('#datetimepicker5').datetimepicker({
                    pickTime: false,
                    language:'es'
                    
                });
            });
        </script>
    </div>
</div>


<div class="form-group">
  <label class="col-md-4 control-label" for="textinput"   >Niveles Alto</label>  
  <div class="col-md-5">
  <input id="textinput" name="puntajeAlto" type="text" placeholder="Ingrese el nivel alto" class="form-control input-md">
    
  </div>
</div>

<!-- Text input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="textinput">Niveles Bajo</label>  
  <div class="col-md-5">
  <input id="textinput" name="puntajeBajo" type="text" placeholder="Ingrese el nivel bajo" class="form-control input-md">
    
  </div>
</div>
<center>
<div class="form-group">
  <div class="col-md-8">
    <button id="button1id" name="button1id" class="btn btn-success" type="submit">Grabar Examen</button>
    <button id="button2id" name="button2id" class="btn btn-danger"  type="reset">Cancelar</button>
  </div>
</div>
</center>
</form>
</fieldset>
${mensaje}
</body>
</html>